<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        网站或网页  三部分组成
        HTML    网页骨架
        css     样式
        javaScript   交互
     -->

     <!-- css  引入方式   从低到高
         1.外联式
              应用场景：开发项目时使用
         2.内嵌式
             应用场景：样式较少
         3.内联式
      -->
      
      <!-- css选择器
        1.id选择器 # 必须唯一
        2.类选择器 . 可以重复
        3.元素选择器 直接写标签名
        4.后代选择器 空格隔开   子子孙孙都可以
        5.子代选择器 >  直接子代
        6.相邻选择器 + 相邻向下找一个
        7.属性选择器 标签名[属性名="值"]  
        8.伪类选择器  link：为访问过的  visited：访问过后的  hover:悬停 active：鼠标左键按下不松  激活
           顺序要求：link   visited      hover    active
        9.伪元素选择器 ::after    ::before
        10.分组选择器  ,
        
        优先级从高到低
        1：id
        2：类  属性 伪类
        3：元素（标签） 伪元素 
    -->
</body>
</html>